<template>
  <div>
    <div class="main">
      <router-link to="/launchNext">
        <div class="top">
        <img :src="imgUrl" alt="">
        <div class="text">
          <h1>美丽的一天</h1>
          <p>
            <span><i class="iconfont">&#xe617;</i> 9天前</span>
            <span><i class="iconfont">&#xe613;</i>3120</span>
            <span><i class="iconfont talk">&#xe603;</i>30</span>
            <span><i class="iconfont">&#xe659;</i>500</span>
          </p>
        </div>
      </div>
      </router-link>
      
    </div>
  </div>
</template>

<script>
export default {
  name:"Launch",
  data(){
    return{
       imgUrl: require("../../assets/shangPinPic/jxwz.png")
    }
  }
}
</script>

<style scoped>
.main{
  position: absolute;
  left: 0;
  top: 2.267rem;
}
.global{
  background-color: #fafafa;
  width: 100%;
  height: 100%;
  position: fixed;
}
.top{
  width: 9.466rem;
  height: 4rem;
  border-radius: 0.134rem;
  margin-left: 0.267rem;
  background-color: #ffffff;
  box-shadow: 0.053rem 0.08rem 0.8rem rgba(0,0,0,0.1);
}
.top img{
  width: 3.97rem;
  margin-top: 0.74rem;
  margin-left: 0.267rem;
  float: left;
}
.text{
  float: left;
  margin-left: 0.533rem;
  padding-top: 1.067rem;
  box-sizing: border-box;
  width:49%;
  text-align: left;
}
h1{
  font-size: 0.4rem;
  font-weight: normal;
  color: #808080;
}
p{
  margin-top: 0.693rem;
}
span{
  color: #808080;
  display: inline-block;
  margin-right: 0.106rem;
  font-size: 0.24rem;
}
  .text span .iconfont{
  font-size: 0.29rem;
  display: inline-block;
  margin-right: 0.033rem;
}
.text span .talk{
  font-size: 0.350rem;
}
</style>
